//一般直接写在一个js文件中
layui.define(function(exports){
  //do something
  	var admin = layui.admin
    ,$ = layui.$
    ,form = layui.form
  	,$body = $('body')
  	,view = layui.view
  	,mapObj = {}
  	,extEvents = {
    // 左侧菜单开关
	  toggleLeft:function(){
			// var state =$(this).attr('data-state')
			// ,othis = $(this)
			
			// console.log(state)
			// if(state>0){
			//   	othis.attr('data-state',0).html('&#xe9bf;') ;
		  // 		pgis_app.addClass('menuClose').removeClass('menuOpen');
			// }else{
			// 	othis.attr('data-state',1).html('&#xe9be;');
			//   	pgis_app.addClass('menuOpen').removeClass('menuClose');
				
      // } 
      
      layui.mapObj.toggleList()
    }
    // 设置背景颜色
		,setBg:function(el){
      if(el){
        el.siblings().removeClass('hov').end().addClass('hov');
      }else{
        $(this).siblings().removeClass('hov').end().addClass('hov');
      }
    }
    // 清理背景颜色
    ,clearBg:function(){
      $(".toolbar li").removeClass('hov')
    }
    // 开关筛选
    ,toggleFilter:function(){
      layui.mapObj.toggleFilterFun()
      
    }
    // 关闭搜索列表
    ,clearSearch:function(){
      layui.mapObj.toggleList()
    }
    // 关闭搜索框
    ,closeFloatBox:function(){
      // $(".floatBox").css('display','none')
      // $(".floatBoxBtn").css('display','block')
      $(".floatBox").addClass("mClose").removeClass("mOpen")
      $(".floatBoxBtn").addClass("mOpen").removeClass("mClose")
    }
    // 打开搜索框
    ,closefloatBoxBtn:function(){
      $(".floatBox").addClass("mOpen").removeClass("mClose")
      $(".floatBoxBtn").addClass("mClose").removeClass("mOpen")
    }
    // 打开人员轨迹
    ,rygj:function(){
      layui.mapObj.toggleList()
      // var attrEvent = $(this).attr('zkmap-event')
      $("#rygj").addClass('hov')
			layui.mapObj.render('tpl/rygj.html',function(html){
				$('#common').html( html );
			});
    }
    // 打开环卫人员
    ,hwry:function(){
      layui.mapObj.toggleList()
      // var attrEvent = $(this).attr('zkmap-event')
      // $("#rygj").addClass('hov')
			layui.mapObj.render('tpl/hwry.html',function(html){
				$('#common').html( html );
			});
    }
    // 打开特殊人群
    ,tsrq:function(){
      layui.mapObj.toggleList()
      $("#tsrq").addClass('hov')
			layui.mapObj.render('tpl/tsrq.html',function(html){
				$('#common').html( html );
			});
    }
    // 打开摄像头
    ,sst:function(){
      layui.mapObj.toggleList();
      $("#sst").addClass('hov')
			layui.mapObj.render('tpl/sst.html',function(html){
				$('#common').html( html );
			});
    }
    // 打开没有搜索结果
    ,none:function(){
      layui.mapObj.toggleList();
      layui.mapObj.render('tpl/none.html',function(html){
				$('#common').html( html );
			});
    }
    // 打开loading页面
    ,loading:function(){
      layui.mapObj.toggleList();
      layui.mapObj.render('tpl/loading.html',function(html){
				$('#common').html( html );
			});
    }
    // 高级搜索的select
    ,caseOption:function(){
      form.on('select(selType)', function(data){
        var val= data.value
        $("#search_ip"+val).css('display','block').siblings("input").css("display",'none')
      });
    }
    // 展开，关闭，图层
    ,toggleLayerBtn:function(){
      var dheight = 90;
      var height= $("#layerBtnItem").height()
      var clount = $("#layerBtnItem li").length
      var line= Math.ceil(clount/4)
      if(height < 210){
        console.log(line)
        $("#layerBtnItem").animate({ height:dheight*line}, "fast")
        $(this).children(".zkuasgm-icon").html('&#xe632;')
      }else{
        $("#layerBtnItem").animate({ height:dheight*2}, "fast")
        $(this).children(".zkuasgm-icon").html('&#xe633;')
      }
      // $("#layerBtnItem").addClass("listOpen")
      // var isClose= $("#layerBtnItem").hasClass("listClose")
      // if(isClose){
      //   $("#layerBtnItem").addClass("listOpen").removeClass("listClose")
      // }else{
      //   $("#layerBtnItem").addClass("listClose").removeClass("listOpen")
      // }
      
     
    }
    // 人员轨迹的弹出消息框
    ,message:function(){
      console.log(222)
      layer.open({
        type: 1, 
        area: ['400px', '270px'],
        content: 
        `
        <div style="padding:10px;">
          <div class="layui-form-item layui-form-text">
            <div style="font-weight:bold;font-size:16px;padding:8px 0;">发送给：一级指挥中心管理员</div>
            <div class="">
              <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
          </div>
          <div class="layui-form-item">
            <div class="">
              <button class="layui-btn" lay-submit lay-filter="formDemo">发送</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
          </div>
        </div>
        `
      });
    }
    
    } 
   	layui.mapObj = {}
	layui.mapObj.events = extEvents

  var events = layui.mapObj.events

  // 开启关闭筛选
  layui.mapObj.toggleFilterFun =function(){
    var el=$(".toggle_list")
    if(el.hasClass('hov')){
      $(".toggle_main").css("display","none")
      el.removeClass('hov').children(".togIco").html("&#xe633;");
    }else{
      $(".toggle_main").css("display","block")
      el.addClass('hov').children(".togIco").html("&#xe632;");
      
    }
    
  }
  // 开启关闭搜索结果
  layui.mapObj.toggleList = function(){
    var pgis_app =  $('#pgis_app')
    if(pgis_app.hasClass('menuOpen')){
      pgis_app.addClass('menuClose').removeClass('menuOpen')
      $('.toggleMenu').html('&#xe9bf;')
    }else{
      pgis_app.addClass('menuOpen').removeClass('menuClose')
      $('.toggleMenu').html('&#xe9be;')
    }
  }
  // 渲染搜索结果方法
	layui.mapObj.render = function(views,callback){
		$.ajax({
			url: views
			,type: 'get'
			,dataType: 'html'
			,success: function(html){
				callback(html);
			}
		})
	}
	// 绑定页面上所有zkmap-event的事件
	$body.on('click', '*[zkmap-event]', function(){
      var othis = $(this)
      ,attrEvent = othis.attr('zkmap-event');
      
      	events[attrEvent] && events[attrEvent].call(this, othis);
      	// layui.mapObj.events.setBg.call(this)
      	// othis.addClass('hov')
      
  }); 
  // 初始化图层
  var layerHeight = $("#layerBtnItem").height()
  var setHeight = 188;
  $("#layerBtnItem").height(setHeight)
  if(layerHeight<190){
    $(".layerBtnMore").css("display","none")
  }
	exports('zkMap');
});